@CHARSET "UTF-8";
body{position:relative;color:#3b4b5b;font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;}
input,textarea{font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;}
.display-inline{display:inline-block}
#content-container{padding-bottom:0}
.gallery-list img{width:70px;max-height:50px}
#scrollspy-control ul.nav li.active a,#scrollspy-control ul.nav li.active a:hover{background:#263238;color:#fff}
.form-fixed-btns{border-top:1px solid rgba(0,0,0,.07);background-color:#f3f5f9;color:#758697;position:fixed;padding:10px;bottom:0;z-index:4;left:0;right:0;height:auto}
.fixed-table-pagination{padding:0 20px}
form .panel-collapse .panel-body{padding:15px 0 25px}
a.btn-table-cell{color:#26a0f5;text-decoration:none;cursor:pointer}
a.btn-table-cell:hover{color:#337ab7;text-decoration:underline}
a.btn-table-cell.disabled {color: #dedede;  }
a.btn-table-cell.disabled:hover {color: #dedede;text-decoration:none}
.fixed-table-container tbody .selected td{background-color:#d6e9f9!important;color:#333}
table td .open>.dropdown-menu{min-width:120px}
#mainnav-menu i.fa{padding:0 10px 0 0;font-size:1.15em;display:inline-block;width:26px;height:18px}
#mainnav li .arrow{line-height:1}
.console_msg{border:0 none;box-shadow: none;}
.console_msg .panel-heading{border:0 none;height:40px}
.console_msg .panel-heading .panel-title{line-height:40px}
.console_msg .panel-body{padding: 15px 20px 5px;}
.console_msg .panel-footer{padding:0 20px;color:#b4b3b3;background:#fff;border:0 none}
#container.aside-bright #aside .console_msg a{color:#758697;}
#container.aside-bright #aside .console_msg .dropdown-menu>li>a{color:#758697}
#container.aside-bright #aside .console_msg .dropdown-menu>li>a:hover{background:#337ab7;color:#fff;}

.text-break{word-wrap: break-word;word-break: break-all;}

/*loadding 动画*/
.purchase-loading{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(255, 255, 255, 0.1);z-index: 999999999999;}
.loading-cont{width:100px;height:100px; position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;
	background-image:url('../images/loader-svgs/spinning-circles.svg');
/* 	background-image:url('../images/loader-svgs/load.gif'); */
	background-repeat: no-repeat;
	background-position:center;
	background-size:70px;
	background-color: rgba(30, 84, 133, 0.43);
    border-radius: 4px;}

/* .console_msg.error{background: #ff7070;color: #fff;}
.console_msg.error .panel-title{color: #fff;}
.console_msg.error .panel-footer{background: #ff7070;color:#faacac;}
#container.aside-bright #aside .console_msg.error .text-muted{color:#fff;}
#container.aside-bright #aside .console_msg.error a:not(.btn){color:#a80000;} */
.console_msg.error{color: #ff7070;}
.console_msg.error .panel-title{color: #ff7070;}
.console_msg.error .panel-footer{color:#faacac;}
#container.aside-bright #aside .console_msg.error .text-muted{color:#ff7070;}
#container.aside-bright #aside .console_msg.error a{color:#ff7070;}

#container.aside-bright #aside .console_msg.error .dropdown-menu>li>a:hover{background:#ff7070;color:#fff;}

@supports (display:none) {
      dot {
        display: inline-block; 
        width: 3ch;
        text-indent: -1ch;
        vertical-align: bottom; 
        overflow: hidden;
        animation: dot 3s infinite step-start both;
        font-family: Consolas, Monaco, monospace;
    }
}

@keyframes dot {
    33% { text-indent: 0; }
    66% { text-indent: -2ch; }
}


#suite-wrapper{margin-bottom:0;}
#suite-wrapper .tab-pane{min-height:445px;}
#suite-wrapper .nav li{width: 150px;}
#suite-wrapper .suite-panel{width:auto;min-width:100px;cursor:pointer;
-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;}
#suite-wrapper .suite-panel:hover {background-color: #00bcd4;
    border-color: #00bcd4;
    color: #fff;}
#suite-wrapper .suite-panel .panel-body{padding: 10px 15px;position:relative;text-align:center;}
#suite-wrapper .suite-panel i{position:absolute;display:none;top:-8px;right:-8px;z-index:20;    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 18px;
    background: #fff;
    color: #49b5c3;
    border-radius: 100%;
    box-shadow: 0px 0px 5px 0px #49b5c3;}
#suite-wrapper .suite-panel.active i{display:inline-block;}

.card-view-wrap{}
.card-view-wrap .instance-count-label{position: relative;text-align:right;}
.card-view-wrap .instance-count-label span{position: absolute;left: 0;bottom: 0;font-weight:bold;}
.card-view-wrap .instance-count-label b{    font-size: 36px;color: #368dc1;}

#nano-scroll .nano-pane{right:auto;left:0;z-index:11;}
#nano-scroll .nano-pane:hover{width: 10px;}
#nano-scroll>.nano-pane>.nano-slider{cursor:pointer;}
#show-nav:hover {padding-top:34px;}
#show-nav:hover .nano-nav-search{display:block;}
#show-nav .nano-nav-search{position: absolute;top: 0;left: 0;right: 4px;z-index: 10;
	padding: 4px 6px 4px 10px;display: none;background: #263238;}
#show-nav .nano-nav-search input{color: #afb5bb;background: #1c262b;border-color:#1c262b;border-radius: 4px;}
#show-nav .nano-nav-search input:focus{border-color:#7d8f98;background:#2b3337;}
#show-nav .nano-nav-search i.form-control-feedback{height: auto;
    width: auto;
    line-height: 24px;
    /* top:4px; */
    color: #a1a8ad;
    right: 14px;}
#mainnav-menu-wrap .nano-pane{z-index:9;}

.scroll-top.in{border-radius: 0;
    height: 42px;
    width: 42px;}
.support-top.in{
	display: block;
    background-color: #42a5f5;
    color: #fff;
    cursor: pointer;
    position: fixed;
    bottom: 90px;
    right: 15px;
    z-index: 999;
    opacity: 1;
    padding: 6px 10px;
    font-size: 1.5em;
    border-radius: 0;
    box-shadow: none;
    transition: all .15s;
    animation: jellyIn 0.8s;
    height: 42px;
    width: 42px;
    border: 0 none;
    box-shadow: -1px 1px 3px 0px #ecf0f5;
}
.support-top span{display:none;position:absolute;top:0;left:0;font-size: 12px;text-align:center;line-height:42px;
	background-color:#fff;padding:0 40px 0 40px;transition: all .15s;animation: jellyIn 0.8s;}
.support-top span a:hover{color:#42a5f5;}
.support-top.in:hover {
    opacity: 1;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    transform: scale(1.1);
    transition: all .15s;
}
.support-top.in:hover span{display:block;left:-127px;animation: jellyIn 0.8s;}
#regionCodeSelect:focus {
    outline: none;
}
